<template>
    <el-row class="row-bg" >
     <p>欢迎:dog进入房间</p>
   </el-row>
   <el-row class="row-bg" >
     <p>wsn 离开了房间</p>
   </el-row>
   
  
   <!-- <div  v-for="item in list.messageList">
 
 
   <el-row  v-if="item.username==username" class="row-bg" justify="end"  >
     <el-card class="box-card" body-style="padding:0px 10px; margin:10px;">
 
        
         <p style="font-size: 10px;height: 20px; text-align:right; color: green;">{{item.username + ' ' + item.senddate}}</p>
         <el-divider style="margin:0px" />
         <p>
         {{ item.message }}
         </p>
       
     </el-card>    
   </el-row>
   <el-row  v-else class="row-bg"   >
     <el-card class="box-card" body-style="padding:0px 10px; margin:10px;">
 
        
         <p style="font-size: 10px;height: 20px; text-align:right; color: green;">{{item.username + ' ' + item.senddate}}</p>
         <el-divider style="margin:0px" />
         <p>
         {{ item.message }}
         </p>
       
     </el-card>    
   </el-row>
 </div > -->
 
 </template>
 
 <script lang="ts" setup>

 </script>
 
 
 <style scoped>
 .el-row {
   margin-bottom: 20px;
 }
 #main {
     display: flex;
 }
 
 .msg_right {
     text-align: right;
 }
 
 </style>